<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="./img1/public/icon.png" type="image/x-icon">
    <title>首页</title>
    <link rel="stylesheet" href="./less/index.css">
    
</head>

<body>
   
    <!-- width 1180px -->
    <header>
        <div id="hea">
            <!-- 最左边的图片 -->
            <img src="./img1/public/logo.png" alt="">
            <!-- 中间部分 -->
            <ul class="hea2">
                <li>
                    <a href="#">
                        <p>
                            首页
                        </p>
                    </a>
                    
                </li>
                
                <li>
                    <a href="./views/course.html">
                        <p>
                            同步课程
                        </p>
                    </a>
                   
                </li>
                <li>
                    <p>
                        在线练习
                    </p>
                </li>
                <li>
                    <p>
                        精品课程
                    </p>
                </li>
            </ul>
            <!-- 最右边 -->
            <div class="hea3">
                <div class="hea3q">
                    <input type="text" value="课程">
                    <input type="text" value="搜索感兴趣的内容">
                </div>
                <p>
                    <a href="./views/login.html">
                        <span>登录</span>
                    </a>
                    
                    <span>/</span>
                    <a href="./views/register.html">
                        <span>注册</span>
                    </a>
                   
                </p>
                <div class="he">
                    <img src="./img1/login/user.png" alt="" class="img">
                    <ul class="hea3a">
                        <li class="hea3a1">用户名</li>
                        <li class="hea3a1">课程中心</li>
                        <li class="hea3a1">订单中心</li>
                        <li class="hea3a1">资金管理</li>
                        <a href="./views/mymessage.html">
                            <li class="hea3a1">个人中心</li>
                        </a>
                       
                        <li class="hea3a1">退出登录</li>
                    </ul>
                </div>
              
            </div>
        </div>

    </header>
    <!-- 广告图 -->
    <div id="banner">
        <ul class="banp">
            <!-- <li>
                <img src="../img1/index/tbanner1.png" alt="">
            </li>
            <li>
                <img src="../img1/index/tbanner2.png" alt="">
            </li>
            <li>
                <img src="../img1/index/tbanner3.png" alt="">
            </li>
            <li>
                <img src="../img1/index/tbanner4.png" alt="">
            </li>
            <li>
                <img src="../img1/index/tbanner5.png" alt="">
            </li> -->
        </ul>
        <ul class="ban">
            <!-- <li>12小时不断电大课堂</li>
            <li>13小时不断电大课堂</li>
            <li>14小时不断电大课堂</li>
            <li>15小时不断电大课堂</li>
            <li>16小时不断电大课堂</li> -->
        </ul>
       
    </div>
    <!-- 课程分类 -->
    <div id="guild">
        <div class="guit">
            <div class="guitl">
                <div></div>
                <span>同步课程</span>
            </div>
            <div class="guitr">
                <a href="./views/Videodetails.html"><span>更多课程</span></a>
                <img src="./img1/userSet/ico1.gif" alt="">
            </div>
        </div>
        <!-- xiabanbufen -->
        <ul class="guib">
            
            <!-- <li>
                <img src="../img1/index/banner1.png" alt="">
                <div class="guib0">
                    <span>人教版</span>
                    <span>1100人正在学习</span>
                </div>
                <div class="guib1">
                    <p class="guib1a">
                        <span>行政管理专业1班</span><br>
                        <span class="guibaa">23课时</span>
                    </p>
                    <div>免费学习</div>
                </div>
            </li>
           <li>
            <img src="../img1/index/banner2.png" alt="">
                <div class="guib0">
                  
                    <span>人教版</span>
                    <span>1100人正在学习</span>
                </div>
                <div class="guib1">
                    <p class="guib1a">
                        <span>行政管理专业1班</span><br>
                        <span class="guibaa">23课时</span>
                    </p>
                    <div>免费学习</div>
                </div>
            </li>
           <li>
            <img src="../img1/index/banner3.png" alt="">
                <div class="guib0">
                    <span>人教版</span>
                    <span>1100人正在学习</span>
                </div>
                <div class="guib1">
                    <p class="guib1a">
                        <span>行政管理专业1班</span><br>
                        <span class="guibaa">23课时</span>
                    </p>
                    <div>免费学习</div>
                </div>
            </li>
           <li>
            <img src="../img1/index/banner4.png" alt="">
                <div class="guib0">
                    <span>人教版</span>
                    <span>1100人正在学习</span>
                </div>
                <div class="guib1">
                    <p class="guib1a">
                        <span>行政管理专业1班</span><br>
                        <span class="guibaa">23课时</span>
                    </p>
                    <div>免费学习</div>
                </div>
            </li> -->
         
            <!-- xiabanbufen第二行 -->
            <!-- <li>
                <img src="../img1/index/banner1.png" alt="">
                <div class="guib0">
                    <span>人教版</span>
                    <span>1100人正在学习</span>
                </div>
                <div class="guib1">
                    <p class="guib1a">
                        <span>行政管理专业1班</span><br>
                        <span class="guibaa">23课时</span>
                    </p>
                    <div>免费学习</div>
                </div>
            </li>
           <li>
            <img src="../img1/index/banner2.png" alt="">
                <div class="guib0">
                  
                    <span>人教版</span>
                    <span>1100人正在学习</span>
                </div>
                <div class="guib1">
                    <p class="guib1a">
                        <span>行政管理专业1班</span><br>
                        <span class="guibaa">23课时</span>
                    </p>
                    <div>免费学习</div>
                </div>
            </li>
           <li>
            <img src="../img1/index/banner3.png" alt="">
                <div class="guib0">
                    <span>人教版</span>
                    <span>1100人正在学习</span>
                </div>
                <div class="guib1">
                    <p class="guib1a">
                        <span>行政管理专业1班</span><br>
                        <span class="guibaa">23课时</span>
                    </p>
                    <div>免费学习</div>
                </div>
            </li>
           <li>
            <img src="../img1/index/banner4.png" alt="">
                <div class="guib0">
                    <span>人教版</span>
                    <span>1100人正在学习</span>
                </div>
                <div class="guib1">
                    <p class="guib1a">
                        <span>行政管理专业1班</span><br>
                        <span class="guibaa">23课时</span>
                    </p>
                    <div>免费学习</div>
                </div>
            </li> -->
        </ul>
        
       
    </div>
    <!-- 广告图 -->
    <div class="guangaotu">
        <img src="./img1/index/WechatIMG20.png" alt="">
    </div>
     <!-- 在线测试 -->
     <div id="guild1">
        <div class="guit">
            <div class="guitl">
                <div></div>
                <span>在线测试</span>
            </div>
            <div class="guitr">
                <span>更多课程</span>
                <img src="./img1/userSet/ico1.gif" alt="">
            </div>
        </div>
        <!-- xiabanbufen -->
        <ul class="guib1">
          
           <li>
            <img src="./img1/index/test1.png" alt="">
                <div class="guib0">
                  
                    <span>人教版</span>
                    
                  
                    <p>
                        <span>初一</span>
                        <span>1100人已考试</span>
                    </p>
                </div>
                <div class="guib1">
                    <p class="guib1a">
                        <span>2020年北京中考试题</span><br>
                        <span class="guibaa">23课时</span>
                    </p>
                    <div>去考试</div>
                </div>
            </li>
           <li>
            <img src="./img1/index/test2.png" alt="">
                <div class="guib0">
                    <span>人教版</span>
                      <p>
                        <span>初一</span>
                        <span>1100人已考试</span>
                    </p>
                </div>
                <div class="guib1">
                    <p class="guib1a">
                        <span>2020年北京中考试题</span><br>
                        <span class="guibaa">23课时</span>
                    </p>
                    <div>去考试</div>
                </div>
            </li>
           <li>
            <img src="./img1/index/test3.png" alt="">
                <div class="guib0">
                    <span>人教版</span>
                      <p>
                        <span>初一</span>
                        <span>1100人已考试</span>
                    </p>
                </div>
                <div class="guib1">
                    <p class="guib1a">
                        <span>2020年北京中考试题</span><br>
                        <span class="guibaa">23课时</span>
                    </p>
                    <div>去考试</div>
                </div>
            </li>
                
           <li>
            <img src="./img1/index/test4.png" alt="">
                <div class="guib0">
                    <span>人教版</span>
                      <p>
                        <span>初一</span>
                        <span>1100人已考试</span>
                    </p>
                </div>
                <div class="guib1">
                    <p class="guib1a">
                        <span>2020年北京中考试题</span><br>
                        <span class="guibaa">23课时</span>
                    </p>
                    <div>去考试</div>
                </div>
            </li>
           <li>
            <img src="./img1/index/test5.png" alt="">
                <div class="guib0">
                    <span>人教版</span>
                      <p>
                        <span>初一</span>
                        <span>1100人已考试</span>
                    </p>
                </div>
                <div class="guib1">
                    <p class="guib1a">
                        <span>2020年北京中考试题</span><br>
                        <span class="guibaa">23课时</span>
                    </p>
                    <div>去考试</div>
                </div>
            </li>
           <li>
            <img src="./img1/index/test6.png" alt="">
                <div class="guib0">
                    <span>人教版</span>
                      <p>
                        <span>初一</span>
                        <span>1100人已考试</span>
                    </p>
                </div>
                <div class="guib1">
                    <p class="guib1a">
                        <span>2020年北京中考试题</span><br>
                        <span class="guibaa">23课时</span>
                    </p>
                    <div>去考试</div>
                </div>
            </li>
       
        </ul>
        <!-- xiabanbufen第二行 -->
       
       
    </div>
    <!-- 最后的精品课程 -->
    <div id="guild2">
        <div class="guit">
            <div class="guitl">
                <div></div>
                <span>精品课程</span>
            </div>
            <div class="guitr">
                <span>更多课程</span>
                <img src="./img1/userSet/ico1.gif" alt="">
            </div>
        </div>
        <!-- 右边的小图 -->
        <img src="./img1/index/good_banner7.png" alt="">
        <!-- xiabanbufen -->
        <ul class="guib3">
            <li>
                <img src="./img1/index/good_banner1.png" alt="">
                <div class="guib0">
                    <span>人教版</span>
                      <p>
                        <span>初一</span>
                        <span>1100人已考试</span>
                    </p>
                </div>
                <div class="guib1">
                    <p class="guib1a">
                        <span>行政管理专业1班</span><br>
                        <span class="guibaa">23课时</span>
                    </p>
                    <div>免费学习</div>
                </div>
            </li>
           <li>
            <img src="./img1/index/good_banner2.png" alt="">
                <div class="guib0">
                  
                    <span>人教版</span>
                    <span>1100人正在学习</span>
                </div>
                <div class="guib1">
                    <p class="guib1a">
                        <span>行政管理专业1班</span><br>
                        <span class="guibaa">23课时</span>
                    </p>
                    <div>免费学习</div>
                </div>
            </li>
           <li>
            <img src="./img1/index/good_banner3.png" alt="">
                <div class="guib0">
                    <span>人教版</span>
                    <span>1100人正在学习</span>
                </div>
                <div class="guib1">
                    <p class="guib1a">
                        <span>行政管理专业1班</span><br>
                        <span class="guibaa">23课时</span>
                    </p>
                    <div>免费学习</div>
                </div>
            </li>
            <li>
                <img src="./img1/index/good_banner4.png" alt="">
                    <div class="guib0">
                        <span>人教版</span>
                        <span>1100人正在学习</span>
                    </div>
                    <div class="guib1">
                        <p class="guib1a">
                            <span>行政管理专业1班</span><br>
                            <span class="guibaa">23课时</span>
                        </p>
                        <div>免费学习</div>
                    </div>
                </li>
               <li>
                <img src="./img1/index/good_banner5.png" alt="">
                    <div class="guib0">
                        <span>人教版</span>
                        <span>1100人正在学习</span>
                    </div>
                    <div class="guib1">
                        <p class="guib1a">
                            <span>行政管理专业1班</span><br>
                            <span class="guibaa">23课时</span>
                        </p>
                        <div>免费学习</div>
                    </div>
                </li>
               <li>
                <img src="./img1/index/good_banner6.png" alt="">
                    <div class="guib0">
                        <span>人教版</span>
                        <span>1100人正在学习</span>
                    </div>
                    <div class="guib1">
                        <p class="guib1a">
                            <span>行政管理专业1班</span><br>
                            <span class="guibaa">23课时</span>
                        </p>
                        <div>免费学习</div>
                    </div>
                </li>
        </ul>
        <!-- xiabanbufen第二行 -->
        
           
           
        
    </div>
    <!-- 3个小块 -->
    <div class="fin">
        <a href="#">
           <img src="./img1/index/foot1.png" alt="" >
        </a>
        <a href="#guild">
            <img src="./img1/index/foot2.png" alt="">
         </a>
         <a href="#guild1">
            <img src="./img1/index/foot3.png" alt="">
         </a>
    </div>
    <!-- 一直在页面边三 -->
   <ul class="bin">
       <a href="./views/Videodetails.html">
        <li><img src="./img1/index/mylesson.png" alt=""></li>
    </a>
    
 <a href="#guild1">
    <li><img src="./img1/index/mytest.png" alt=""></li>
 </a>
    
    <a href="#top">
        <li><img src="./img1/index/gotop.png" alt=""></li>
    </a>
   
   </ul>
   <!-- 最后黑色大块部分 -->
   <footer>
       <p>
        首页|关于我们|加入我们合作专区|联系我们|A开放平台|意见反馈|漏洞提交│隐秘政策|版权声明|反盗链声明|网上有害信息举报|备案公示|营业执照照|教师资格证公示<br>
        京CP备130308号Copyright R 2014-2019行者信息科技(北京)有限公司|地址:北京市新华区马当路38号C座|电话:010-666666|京公网安备01010102002533号<br>
        京网文[2018〕4086-308号|网络文化经营许可证:沪网文[20184086-308号|增值电信业务经营许可证:京B2-20150021|食品经营许可证;Y1310114088.8 <br>
        医疗器械经营许可证:京嘉食药监械经营许20188008号|互联网药品信息服务资格证书:(京)-经营性-2018-0011 |
       </p>
   </footer>
   <script src="./js/ware.js"></script>
  <script src="./js/index.js"></script>
</body>

</html>